.page-container {
  background-color: #eee;
  min-height: 100vh;

  .container {
    width: 643rpx;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    z-index: 2;
    border-radius: 30rpx;
    padding: 25rpx 28rpx;
    margin-top: 60rpx;

    .form-item {
      display: flex;
      flex-direction: column;
      padding-top: 22rpx;
      padding-bottom: 10rpx;

      label {
        font-size: 30rpx;
        color: #000;
        display: inline-block;
        margin-bottom: 10rpx;
      }
    }

    input {
      color: #000;
      font-size: 30rpx;
      width: 100%;
    }

    .disabled-input {
      color: #999;
    }

    .divider {
      width: 100%;
      height: 1rpx;
      background-color: #c6c6c6;
      margin: 0 auto;
    }

    .code-wrapper {
      position: relative;
      .code-info {
        position: absolute;
        right: 7rpx;
        bottom: 20rpx;

        .send-code-btn {
          height: 60rpx;
          line-height: 60rpx;
          background-color: #f272d4;
          color: #fff;
          border-radius: 25rpx;
          font-size: 25rpx;
          z-index: 3;
          &::after {
              border: none;
          }
        }

        .countdown {
          font-size: 25rpx;
          color: #888;
          margin-right: 10rpx;
        }
      }
    }

    .transparent-input {
      width: 495rpx;
      height: 78rpx;
      margin: 0 auto;
      border-radius: 30rpx;
      background-color: transparent;
      position: relative;
      z-index: 2;
      margin-left: 15rpx;
      color: #000;
      font-size: 30rpx;
    }
  }

  .confirm-btn {
    width: 697rpx;
    height: 78rpx;
    line-height: 78rpx;
    text-align: center;
    background-color: #f272d5;
    color: #fff;
    font-size: 40rpx;
    border-radius: 38rpx;
    position: fixed;
    bottom: 30rpx;
    left: 50%;
    transform: translateX(-50%);
  }
}
